import { View } from "@tarojs/components"
import { pxTransform } from "@tarojs/taro"
import { type CSSProperties } from "react"

interface Props {
  size: number
  color?: string
  className?: string
}
export function GpDot({ size, color, className }: Props) {
  const style: CSSProperties = {
    width: pxTransform(size),
    height: pxTransform(size),
    backgroundColor: color,
    borderRadius: '50%'
  }
  return (
    <View style={style} className={className}></View>
  )
}
